<template>
    <div>
        <p>{{ $attrs.class }}</p>
        <p :class="$attrs.class">12345</p>
        <slot :childNum="100"></slot>
        <input :value="modelValue" @input="updateModelValue">
        <p>{{ $attrs.obj.a }}</p>
        <p>{{ $attrs.obj.b }}</p>
        <p>{{ $attrs.obj.c }}</p>
        
    </div>
</template>

<script>
    export default {
        name: "Moddle",
        inheritAttrs: false,
        props : {
            modelValue: {
                type: String,
                default: ""
            }
        },
        methods: {
            updateModelValue(event) {
                this.$emit("update:modelValue", event.target.value);
            }
        }
    }
</script>